<template>
    <div class="title">
       <ul>
           <li @click="$router.push('/course')">
           
           <van-icon name="coupon-o" color="#ee0a24"/>
           <p>特色课</p>
           </li>
            <li>
       
           <van-icon name="friends-o" color="#73b3a5"/>
           <p>一对一辅导</p>
           </li>
            <li>  <van-icon name="gift-o" color="#d88f72"/>
           <p>学习日历</p>
           </li>
        </ul> 
    </div>
</template>

<script>
export default {
  name: "EverydayTitle",

  data() {
    return {};
  },

  mounted() {},

  methods: {}
};
</script>

<style lang="scss" scoped>
.title {
  width: 100%;
  height: 2.75rem;
   margin: auto;
   margin-bottom: -1rem;
  position: relative;
  ul {
      position: absolute;
      top: -.85rem;
      left: 0;
      right: 0;
      bottom:0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    li {
      width: 28%;
      background: #fff;
      text-align: center;
      border-radius: .3rem;
      i {
        margin-top: 0.35rem;
        font-size: 1rem;
      }
      p {
        margin-top: 0.25rem;
        font-size: 0.4rem;
        color: #8c8c8c;
      }
    }
  }
}
</style>